<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景</title>
		<style>
			.box {
				width: 500px;
				height: 400px;
				border: 1px solid red;
				background-color: pink;
				/* 背景图片 */
				background-image: url(../2.jpg);
				/* 背景图片重复
					repeat/repeat-x/repeat-y/no-repeat
				 */
				background-repeat: no-repeat;
				/* 背景图像位置 */
				background-position: center center;
				/* 背景图像大小 */
				background-size: 100% 100%;
			}
			.play {
				width: 159px;
				height: 159px;
				/* 使用精灵图 */
				background-image: url(kugou/img/icon.png);
				/* 通过背景定位使用精灵图 */
				background-position: 0 -182px;
			}
			.icon {
				width: 164px;
				height: 164px;
				background-image: url(kugou/img/sprite.png);
				background-position: 0 -403px;
			}
		</style>
	</head>
	<body>
		<div class="box">22222222222223232</div>
		<div class="play"></div>
		<div class="icon"></div>
	</body>
</html>